﻿
/*                style sheet for Business Process Automation                     */

.body
{
	background-color:#008FBF;
}
.footer
{
	background-color: #008FBF;
	border-width: 5px;
	height: 40px;
	color: #FFFFFF;
	font-size: 11px;
	clear: both;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
}
.bodyTD
{
	border:5;
	border-color:White;
	background-image:url('images/body_bg.jpg');
}
menu
{
	background: #8CDAFF;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10pt;
	color: #0061C1;
}

.header
{
	background-image:url('images/header.gif');
	height:180px;
}
.middleTD
{
    background: #AAE3FF;
    padding: 0px 10px 0px 10px;
}


.lblText
{
	font-family: Verdana;
	font-size: 12px;
	color: #674230;
}

.btnText
{
    background-image:url('../images/button.jpg');
    font-family: Verdana;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #008FBF;
	height: 22px;
}
.btnText:hover
{
    background-image:url('../images/button1.jpg');
    font-family: Verdana;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #008FBF;
}
.Heading
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #00698C;
}


.grid-view
{
    padding: 0;
    margin: 0;
    border: 1px solid #3399FF;
    text-align: left;
    font-family: "Verdana";
    font-size: 12px;
}

.grid-view-header
{
    color: white;
    background-color: #507CD1;
    text-align: center;
    font-weight: bold;
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
}

.grid-view_normal
{
    color: black;
   vertical-align: middle;
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
}

.grid-view-alternate
{
    color: black;
    background-color: #AAE3FF;
    vertical-align: middle;
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
}

.textbox
{
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	padding: 2px 7px 0px 7px;

    height:20px;
    border: 1px solid #008FBF;
    font-family: verdana;
    font-size: 12px;
}

gridviewInBox
{
    padding: 3px 3px 2px 2px;
    background: url( 'file:///E:/BindhyaChandran/Task/BusinessProcessAutomation/../images/grid-header-back.gif' ) repeat-x left top;
    font-weight: normal;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #e3e4e6;
}

.grid-view1
{
    padding: 0;
    margin: 0;
    border: 1px solid #A97070;
    text-align: left;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.grid-view-header1
{
    color: white;
    background-color: #00B8F4;
    text-align: center;
    font-weight: bold;
    text-align: left;
    font-family: Verdana;
    font-size: 13px;
    font-variant: small-caps;
}

.lblErrorMsg
{
    font-family: Verdana;
    font-size: 13px;
    color: #FF0000;
}


.datePicker
{
    position: relative;
    left: 5px;
    font-family: Verdana;
    font-size: 10px;
}

.datePicker .ajax__calendar_container
{
    background-color: #99CCFF;
    border: 1px solid #0073E6;
    z-index: 50000;
}
.ajax__calendar_header
{
    background-color: #008FBF;
    font-family: Verdana;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
}

.datePicker .ajax__calendar_hover .ajax__calendar_day
{
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc!important;
    }
.datePicker .ajax__calendar_hover .ajax__calendar_month
{
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc!important;
}
.datePicker .ajax__calendar_hover .ajax__calendar_year
{
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc!important;
}

.datePicker .ajax__calendar_hover .ajax__calendar_title
{
    color:#0066cc!important;
}
.datePicker .ajax__calendar_hover .ajax__calendar_today
{
    color:#0066cc!important;
}

.watermarked
{
    color: #C0C0C0;
    font-style: italic;
}

.loginHeading
{
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.loginText
{
	font-family: 'Microsoft Sans Serif';
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.loginButton
{
	
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;

    background-color: #007095;
    font-family: Microsoft Sans Serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
}
.MarqueeStock
{
	font-family: 'microsoft Sans Serif';
	font-size: 10px;
	font-weight: bold;
	color: #006AD5;
}

.pnlPopupContainer
{
    background-image: url(modalbg.png);
    background-repeat: repeat;
    padding: 10px;
     width: 600px;
}

.pnlPopupContainer1
{
	background-color: #E1F0FF;
	padding: 10px;
	border: 1px solid #0066FF;
	background-repeat: repeat;
}

.caption, table caption
{
	background-color: #006FA4;
	background-image: url( '../images/background.gif' );
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
	border: 0;
	border-bottom: solid 1px #737373;
	white-space: nowrap;
	text-align: center;
	font-family: Verdana;
}


.modalBox
{
	border: 2px solid #0080C0;
	background-color: #91D2FF;
	padding: 3px;
}
.modalBox caption {
	background-image: url(../images/window_titlebg.gif);
	background-repeat:repeat-x;
}

/* tweb modal dialog styles */
.modalPanelTitle td
{
	padding: 3px;
	font-weight: bold;
	font-size: 11px;
	background-image: url(../images/window_titlebg.gif);
	cursor: pointer;
	color: #FFFFFF;
	font-family: Verdana;
	width: 100%;
	height: 30px;
	background-color: #0084C4;
}

.modalPanel {
	z-index: 500;
	width: 500px;
	border: solid 1px #275473;
	position: absolute;
	border-collapse: collapse;
	background-color: #f0faff;
}

.modalPanel td {
	vertical-align: top;
}
.divCol{
	font-weight:bold;
	float:left; 
	width:120px;
	text-align:right;
	margin-right:10px; 
	white-space:nowrap;
}
/*no width on the last col so it will expand*/
.divColLast{
	float:left; 
	white-space:nowrap;
}

.clearer {
	clear: both;
	overflow: hidden;
	background-color:transparent;
	filter:alpha(opacity=0);
	opacity:0.0;
	height: 1px;
	margin: 1px 1px 1px 1px;
	max-height: 2px;
}

.InboxbtnPrevious
{
    background-image:url('../images/Previous.gif');
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}
.InBoxHeading
{
	color: #000099;
	font: bold medium Georgia;
	background-color: #B1E0FC;
} 

.InBoxHeading1
{
	color: #0073AA;
	font: bold 12px verdana;
	background-color: #B1E0FC;
} 
.Inboxgrid-view
{
	padding: 0;
	margin: 0;
	border: 1px solid #333;
	font-family: Verdana;
	font-size: 12px;
}

.Inboxgrid-view tr.header
{
   color: white;
   background-color: #FF5600;
   height: 25px;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
}

.Inboxgrid-view tr.normal
{
   color: black;
   background-color: #FDC64E;
   height: 25px;
   vertical-align: middle;
   text-align: center;
}

.Inboxgrid-view tr.alternate
{
   color: black;
   background-color: #D59200;
   height: 25px;
   vertical-align: middle;
   text-align: center;
}
.Inboxgrid-view tr.normal:hover, .Inboxgrid-view tr.alternate:hover
{
   background-color: white;
   color: black;
   font-weight: bold;
}

.InboxTableHeader
{
	background-image:url('images/body_bg.jpg');
	border: thin solid #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
}

.InboxTableMain
{
	border: 1px solid #0099FF;
}
.TabsControlClass .ajax__tab_tab
 { background:url('images/body_bg.jpg') repeat-x; 
   padding:8px 10px; margin:0;
   }
   
   
   .NewsTab .ajax__tab_header 
{
    color: #aa976b;
    font-size: 13px;
    font-weight: bold;
    background-color: #66CCFF;
    margin-left: 10px;
}
.NewsTab .ajax__tab_outer
{
background:url('images/body_bg.jpg');
}
.NewsTab .ajax__tab_inner
{
    padding: 6px;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #66CCFF;
}
.NewsTab .ajax__tab_hover .ajax__tab_outer
{
	background-color: #66CCFF;
}
.NewsTab .ajax__tab_hover .ajax__tab_inner
{
    background-color: #66CCFF;
}
.NewsTab .ajax__tab_active .ajax__tab_outer
{
    background-color: #66CCFF;
}
.NewsTab .ajax__tab_active .ajax__tab_inner
{
    background-color: #66CCFF;
}

.progresspanel
{
    background-color: RED;
    color: White;
    top: 1px;
    color: white;
    position: absolute;
    right: 16px;
    z-index: 999;
}


/* Inbox Grid View Style */

/*GridViewCSS*/
.GridViewStyle
{
	font-family: verdana;
	font-size: 13px;
	table-layout: auto;
	border-collapse: collapse;
	border: 2px solid #1d1d1d;
}
/*Header and Pager styles*/

.HeaderStyle th
{
    padding: 5px;
    color: #ffffff;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#ffffff;
    display:block;
    text-align:left;
    font-weight:normal;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #1d1d1d 3px solid;
}
.PagerStyle a
{
    color:#ffffff;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #777777;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333;
    border-left:solid 1px #777777;
}
.PagerStyle span
{
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #1d1d1d;
}
.RowStyle td
{
	background-color: #99CCFF;
}
.AltRowStyle td
{
	background-color: #82C0FF;
}
.SelectedRowStyle td
{
	background-color: #53A9FF;
}

   /* ajax__tab_xp-theme theme */
.ajax__tab_default .ajax__tab_header 
{
	font-size:13px;
	font-weight:bold;
	color:#000;
    font-family:sans-serif;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    height:46px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    height:46px;
    margin-left:16px; /* offset the width of the left image */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	margin:16px 16px 0px 0px;
}
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab 
{
	color:#fff;
}

.ajax__tab_default .ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border-top: 0;
	padding: 8px;
	background-image: url( 'images/body_bg.jpg' );
	border-style: solid;
	border-width: 1px;
	border-color: #0671C8;
} 
    .blue .ajax__tab_header 
{
    background:url(../images/blue_bg.gif) repeat-x;
}
.blue .ajax__tab_hover .ajax__tab_outer,
.blue .ajax__tab_active .ajax__tab_outer 
{
    background:url(../images/blue_left.gif) no-repeat left top;
}
.blue .ajax__tab_hover .ajax__tab_inner,
.blue .ajax__tab_active .ajax__tab_inner 
{
    background:url(../images/blue_right.gif) no-repeat right top;
    
}

.Logout
{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #0000FF;
}
.watermarked
{
	border: 1px solid #3399FF;
	font-family: Calibri;
	background-color: #FFFFCC;
	padding: 2px;
	font-style: italic;
}

.PnlBorderColor
{
	border: 1px solid #006393;
	font-family: georgia;
	font-size: 11px;
}
.tableBgColor
{
	background-color: #006393;
	font-family: georgia;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

 /* Styles for ESPN feeds */
    #espn-feeds-demo
    {
    	font-family:Verdana;
    	font-size:11px;
    }
    #espn-feeds-demo .feeds
    {
    	border:solid 1px #0076b1;
    	width:610px; /* must set a width for IE6 */
    	padding:2px;
    }
    #espn-feeds-demo .feeds .ajax__marquee_wrapper
    {
    	background:url(_assets/img/over.gif) repeat-x;
    	width:600px; /* must set a width for IE6 */
	    padding:5px;
    }
    #espn-feeds-demo .feeds .ajax__marquee_wrapper .item
    {
	    padding-right:5px;
	    padding-left:5px;
    }
    #espn-feeds-demo .feeds .ajax__marquee_wrapper .item .title
    {
    }
    #espn-feeds-demo .feeds .ajax__marquee_wrapper .item A
    {
    	color:#105289;
    }
    
    .watermark
{
   background-image: url('images/overlay.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   vertical-align: middle;
   color:DarkGray;
}
 .textbox_username
{
		-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;

	background: #ffffff url(  '../images/icon_username.png' ) no-repeat;
	background-position: 1 1;
	padding-left: 19px;
	border: 1px solid #0073AA;
	color: #333333;
	font: 90% Verdana;
	font-size: 12px;
	height: 20px;
}

.textbox_password
{
		-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;

	background: #ffffff url( '../images/icon_password.png' ) no-repeat;
	background-position: 1 1;
	padding-left: 19px;
	border: 1px solid #0073AA;
	color: #333333;
	font: 90% Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 20px;
}

.textbox_search
{
		-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	padding: 2px 7px 0px 7px;
	background: #ffffff url( '../images/search.png' ) no-repeat;
	background-position: 1 1;
	padding-left: 19px;
	border: 1px solid #0073AA;
	color: #333333;
	font: 90% Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 20px;
}

.rounded-textbox
{
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	background-color: #FFFFFF;
	border: 1px solid #0073AA;
	padding: 2px 7px 0px 7px;
	width: auto;
	height: auto;
}

.dropdownlist
{
	/*-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;*/
	background-color: #FFFFFF;
	border: 1px solid #0073AA;
	padding: 1px 0px 0px 2px;
	width: auto;
	height: 20px;
}

.all-four-rounded-corners {
	-webkit-border-bottom-right-radius:10px;
	
	}
	
	.testt
	{
		   background-color: #006699; 
    color: white; 
    position: relative; 
	}